﻿.custom-carouselDraggable-mainContainer {
	position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.custom-carouselDraggable-leftScroll {
	position: absolute;
	width:30px;
	left:0px;
	top:0px;
	bottom:0px;
}

.custom-carouselDraggable-scrollArrowImage {
        background-image:url('images/leftrightarrows.png');
		width:30px;
		height:30px;
        margin-top:-15px;
        margin-left:-15px;
		position: absolute;
		top:50%;
		left:50%;
        cursor: pointer;
    }

.custom-carouselDraggable-rightScroll {
	position: absolute;
	width:30px;
	right:0px;
	top:0px;
	bottom:0px;
}

.custom-carouselDraggable-clipper {
	position: absolute;
	overflow: hidden;
	right:40px;
	left:40px;
	top:0px;
	bottom:0px;
}

.custom-carouselDraggable-item {
	float: left;
	list-style: none;
    display:inline;
}

.custom-carouselDraggable-basic {
	overflow: hidden;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0px;
	
}

.custom-carouselDraggable-leftArrow {
    background-position:-5px -7px;
}

.custom-carouselDraggable-rightArrow {
    background-position:-37px -7px;
}

